Post by tag
按标签聚合
包含 # css片段 的文章列表
Obsidian 样式 -Kanban 魔改之四象限模式和康奈尔笔记模式
Kanban 魔改之四象限模式和康奈尔笔记模式
突发奇想改了下 Kanban 的布局样式,默认是无差异的,依赖 CssClasses 的特性给不同看板定义不同的布局: 241122Obsidian样式-Kanban魔改之四象限模式和康奈尔笔记模式.md 可提供的布局模式: - 241122Obsidian样式-Kanban魔改之四象限模式和康奈尔笔记模式.md - 配合 Task 的任务查询^[2024-04-30利用 QuickAdd+Modal Form 表单创建一个便捷的任务 (Task) 编辑器],结果如下: - 241122Obsidian样式-Kanban魔改之四
熊猫别熬夜
Pkmer
Obsidian 样式 - 如何自定义 Callout 图标
本文介绍了如何在 Obsidian 中自定义 Callout(标注)的样式,包括更改背景颜色和图标。您可以通过创建自定义 CSS 块来定义 Callout 类型的外观。
【Obsidian样式】如何自定义Callout图标.md CSS 片段可以定义自定义标注,甚至覆盖默认配置。要定义自定义标注,请创建以下 CSS 块: - 【Obsidian样式】如何自定义Callout图标.md 推荐 SVG 图标下载资源:iconfont-阿里巴巴矢量图标库 具体操作步骤如下: 1. 搜索需要图标 ICON 的提示词: - 【Obsidian样式】如何自定义Callout图标.md 2. 选择需要的图标,在弹出的悬浮面板中点击下载按钮,只后会弹出面板: - 【Obsidian样式】如何自定
熊猫别熬夜
Pkmer
Obsidian 样式 -Minimal 主题的 Outline Callout
该片段摘自 Minimal 主题,Callout 的 Outline 形式是一种更为简洁的 Callout。
24.07.06Obsidian样式-Minimal主题的Outline Callout 该片段摘自 Minimal 主题,Callout 的 Outline 形式是一种更为简洁的 Callout。 css / 该片段摘自Minimal主题 by 熊猫别熬夜 2024-07-0612-08 / / .markdown-source-view.mod-cm6 .cm-embed-block{ width: fit-content; } / .is-live-preview.is-readable-line-width>.cm-call
熊猫别熬夜
Pkmer
Obsidian 样式 - 圆角代码块
参考PinkTopaz主题的圆角代码块样式
2024-06-14Obsidian样式-圆角代码块 css / !代码块显示长度 / / https://forum-zh.obsidian.md/t/topic/27088 / pre code { display: block; max-height: 500px; overflow-x: hidden; / 添加自动换行 / white-space: pre-wrap; } / 隐藏滚动条只在代码块内生效 / pre code::-webkit-scrollbar { display:inherit !imp
熊猫别熬夜
Pkmer
Obsidian 样式 -FrontMatter 读书笔记
![](https://cdn.pkmer.cn/images/202405191522926.png!pkmer) Obsidian 1.4.0 更新了全新的 metadata,使得 metadata 不仅可以像原本一样在源码模式下编辑,在实时编辑与阅读模式下也可以进行编辑。 同时,metadata 框的外观也与之前的版本有所不同,现在 metadata 框的外观更加美观,可以以类似表格的形式展示,更加符合 Obsidian 的整体风格。 而在之前的很多读书笔记模板中需要使用特定 CSS 与 Callout 才能达到的效果(如下图)
ProudBenzene
Pkmer